 .online {
   font-size: 18px;
   color: #3772ff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   border: 1px solid #3772ff;
   padding: 2px 10px;
   border-radius: 0.8rem;
   height: 50px;
   width: 150px;

   .tel-icon {
     width: 32px;
     height: 32px;
     margin-right: 15px;
     background: url(~@/assets/avatar1.png) 0 0 no-repeat;
     background-size: contain;
    //  margin-right: 10px;
   }
 }

 .group-btn {
   display: flex;
   align-items: center;
   height: 50px;

   .btn {
     width: 150px;

     font-weight: bold;
     color: #fff;
     font-size: 18px;
     text-align: center;
     line-height: 0.8rem;
     background-size: contain;
   }

   .phone-btn {
     // background-image: url(~@/assets/phone-bg.png);
     //  height: 0.8rem;
     height: 50px;
     line-height: 50px;
     background: linear-gradient(270deg, #6497ff 0%, #3772ff 100%);
     border-radius: 0.8rem;
     // padding: 5px 10px;
   }

   .lawsuit-btn {
     background-image: url(~@/assets/btn-bg.png);
   }
 }

 .onlineThree {
   font-size: 0.28rem;
   color: #3772ff;
   display: flex;
   align-items: center;
   font-weight: bold;

   .tel-icon {
     width: 0.8rem;
     height: 0.8rem;
     background: url(~@/assets/avatar.png) 0 0 no-repeat;
     background-size: contain;
     margin-right: 0.2rem;
   }
 }

 .group-btnThree {
   display: flex;
   align-items: center;

   .btn {
     width: 2.25rem;
     height: 0.8rem;
     font-weight: bold;
     color: #fff;
     font-size: 0.28rem;
     text-align: center;
     line-height: 0.8rem;
     background-size: contain;
   }

   .phone-btn {
     background-image: url(~@/assets/phone-bg.png);
   }

   .lawsuit-btn {
     background-image: url(~@/assets/btn-bg.png);
   }
 }